@import './common';

page{
	background-color: #F8F8F8;
}


.tab-wrap{
	height: setSize(88);

	.tab-box{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		background-color:#fff;
	}
}

.lists-wrap{
	box-sizing:border-box;
	padding:0 setSize(24);

	.lists{
		position:relative;
		background-color:#fff;
		margin-top: setSize(24);
		border-radius:setSize(8);

		.img-box{
			width: 100%;
			height: setSize(335);

			.img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}

		.title-box{
			position:absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			color:#fff;

			.title{
				position:absolute;
				bottom: setSize(100);
				left: setSize(24);
				width: setSize(500);
				line-height:setSize(45);
				font-size:setSize(32);
				font-weight:600;
				color:rgba(255,255,255,1);
			}

			.gym{
				line-height:setSize(59);
				font-size:setSize(42);
				font-weight:600;
			}

			.text{
				position:absolute;
				bottom: setSize(14);
				left: setSize(24);
				font-size:setSize(24);
				font-weight:500;
			}
		}
	}
}